<!DOCTYPE html>
<html lang="en">
<head>
	<title>Final Project - Group 3 - Team 3 </title>
	<meta charset="utf-8">
	<link href="css/bio.css" type=text/css rel=stylesheet>
	<link href="css/sunny/jquery-ui-custom.css" rel="stylesheet" type="text/css" media="screen, projection" />
	<link rel="icon" href="favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
	<script type="text/javascript" src="scripts/jquery.js"></script>
	<script type="text/javascript" src="scripts/jquery-ui-custom.js"></script>
	<script type="text/javascript">
		$(function() {
	       // set up the about you accordion mid page
	            $("#aboutYou").accordion({ header: "h4" });
			// create the image rotator
			setInterval("rotateImages()", 3000);
	    });
	    function rotateImages() {
		            var oCurPhoto = $('#photoShow div.current');
		            var oNxtPhoto = oCurPhoto.next();
		            if (oNxtPhoto.length == 0)
		                oNxtPhoto = $('#photoShow div:first');

		            oCurPhoto.removeClass('current').addClass('previous');
		            oNxtPhoto.css({ opacity: 0.0 }).addClass('current').animate({ opacity: 1.0 }, 1000,
		                function() {
		                    oCurPhoto.removeClass('previous');
		                });
        }
	</script>
	<style type="text/css">
	#photoShow {
		height:235px;
		width:180px;
	}
	#photoShow div {
		position:absolute;
		z-index: 0;
	}
	#photoShow div.previous {
		z-index: 1;
	}
	#photoShow div.current {
		z-index: 2;
	}
	</style>
</head>
<body>
	<table>
		<tr>
    		<td colspan=6 class="headline"><img src="images/logo.gif" alt="Logo" width="500" height="60"></td>
		</tr>
		<tr>
    		<td class="left-column">
    			<table class=leftnav-table>
	        		<tr>
	          			<td class=leftnav-category-link colSpan=2>MENU</td>
	        		</tr>
					<tr>
						<td class=leftnav-show-link><img height=11 src="images/brown_bullet.gif" alt="phone" width=9></td>
						<td class=leftnav-show-link><a href="main.php">Home</a></td>
        			</tr>
	        		<tr>
	          			<td class=leftnav-show-link><IMG height=11 src="images/brown_bullet.gif" alt="family" width=9></TD>
	          			<td class=leftnav-show-link><a href="get_food.php">Nutrition Facts</a> </TD>
					</tr>
					<tr>
						<td class=leftnav-show-link><img height=11 src="images/brown_bullet.gif" alt="phone" width=9></td>
						<td class=leftnav-show-link>
						<a href="http://www.tjcreativearts.com/met633/cms_main.php">CMS Login</a></td>
        			</tr>
        			<tr>
        				<td colspan=""2><img height=11 src="images/spacer.gif" alt=""></td>
        			</tr>
        			<tr>
		   				<td class=leftnav-category-link colSpan=2>
							<div id="photoShow">
								<div class="current">
										<img src="images/calorie_burning.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a>
								</div>
								<div>
										<img src="images/fitness-silhouettesb.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a></div>
								<div>
										<img src="images/frametasticb.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a></div>
								<div>
										<img src="images/healthy-42b.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a></div>
								<div>
										<img src="images/heartrateb.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a></div>
								<div>
										<img src="images/veggie-heart.jpg" alt="Photo Gallery" width="180" height="235"
											class="gallery" /></a></div>
							</div>
		   				</td>
        			</tr>
        			<tr>
        				<td colspan=""2><img height=11 src="images/spacer.gif" alt=""></td>
        			</tr>
				</table>
			</td>
    		<td class="vert-divider"><img src="images/spacer.gif" alt="spacer" width="1"> </td>
    		<td> <img height=1 src="images/spacer.gif" alt="spacer" width=2> </td>
    		<td class="mid-column">
      			<table class=mid-table>
        			<tr>
          				<td class=header-text><H2>MET CS 633 Distributed Software Development</H2></td>
        			</tr>
					<tr>
          				<td class=body-text-strong-link>
              				<H3>FOOD NUTRITION VALUES</H3>
          				</td>
					</tr>
					<tr>
						<td>
							<table cellpadding="2" cellspacing="2" width="400" class="box_gray" align="center">
								<tr bgcolor="#436183" "#000066" "CCCDEB" class="cmstable">
									<td colspan="3" align="center">NUTRITION FACTS </td>
								</tr>
								<tr class="content">
									<td colspan="3">Search again...</td>
								</tr>
								<tr>
									<td><form method="POST" action="food_search.php" name="foodsearch"><input type="text" class="shadeform" value="<?=$foodsearch["foodname"]?>" name="foodname"><img src="images/spacer.gif" width="10"><input type="submit" value="Search" name="submit" onmouseover="this.className='submitbuttonon'" onmouseout="this.className='submitbutton'" class="submitbutton"></form></td>
								</tr>
								<tr class="content">
									<td class="contentheader" colspan="3"><?=$food_name?></td>
								</tr>

								<tr>
									<td colspan="3"><img src="images/paragraph-line.gif" height="5px" width="200px"></td>
								</tr>
								<tr class="content">
									<td class="contentheader">Serving Size: </td>
									<td align="left" colspan="2"><?=$gmwt_desc?></td>
								</tr>
								<tr class="content">
									<td colspan="3"><img src="images/paragraph-line.gif" width="200px"></td>
								</tr>
								<tr class="content">
									<td colspan="3" class="contentheader">Amount Per Serving</td>
								</tr>
								<tr class="content">
									<td class="contentheader">Calories (kcal): </td>
									<td align="left" colspan="2"><?=$calc_calories?></td>
								</tr>
								<tr class="content">
									<td class="contentheader">Total Fat (gm): </td>
									<td align="left" colspan="2"><?=$calc_total_fat?></td>
								</tr>
								<tr class="content">
									<td class="contentheader">&nbsp;&nbsp;&nbsp;&nbsp;Saturated Fat (gm): </td>
									<td align="left" colspan="2"><?=$calc_saturated_fat?></td>
								</tr>
								<tr class="content">
									<td class="contentheader">&nbsp;&nbsp;&nbsp;&nbsp;Trans Fat (gm): </td>
									<td align="left" colspan="2"><?=$calc_trans_fat?></td>
								</tr>
								<tr class="content">
									<td class="contentheader">Cholesterol (gm): </td>
									<td align="left" colspan="2"><?=$calc_cholesterol?></td>
								</tr>
								<tr class="content">
									<td class="contentheader">Sodium (gm): </td>
									<td align="left" colspan="2"><?=$calc_sodium?></td>
								</tr>
								<tr class="content">
									<td class="contentheader">Carbohydrates (gm): </td>
									<td align="left" colspan="2"><?=$calc_carbohydrates?></td>
								</tr>
								<tr class="content">
									<td class="contentheader">&nbsp;&nbsp;&nbsp;&nbsp;Dietary Fiber (gm): </td>
									<td align="left" colspan="2"><?=$calc_dietary_fiber?></td>
								</tr>
								<tr class="content">
									<td class="contentheader">&nbsp;&nbsp;&nbsp;&nbsp;Sugar (gm): </td>
									<td align="left" colspan="2"><?=$calc_sugar?></td>
								</tr>
								<tr class="content">
									<td class="contentheader">Protein (gm): </td>
									<td align="left" colspan="2"><?=$calc_protein?></td>
								</tr>
								<tr class="content">
									<td colspan="3"><img src="images/paragraph-line.gif" height="5px" width="200px"></td>
								</tr>
								<tr class="content">
									<td class="contentheader">Iron (mg): </td>
									<td align="left" colspan="2"><?=$calc_iron?></td>
								</tr>
								<tr class="content">
									<td class="contentheader">Vitamin C (mg): </td>
									<td align="left" colspan="2"><?=$calc_vitc?></td>
								</tr>
								<tr class="content">
									<td class="contentheader">Vitamin B6 (mg): </td>
									<td align="left" colspan="2"><?=$calc_vitb6?></td>
								</tr>
								<tr class="content">
									<td class="contentheader">Calcium (mg): </td>
									<td align="left" colspan="2"><?=$calc_calcium?></td>
								</tr>
								<tr class="content">
									<td class="contentheader">Vitamin A (IU): </td>
									<td align="left" colspan="2"><?=$calc_vita_ui?></td>
								</tr>
							</table>
						</td>
					</tr>
					<tr>
						<td><img src="images/paragraph-line.gif" width="500px"></td>
					</tr>
					<tr>
						<td class=body-text><img height=1 src="images/spacer.gif" alt="spacer" width=2></td>
					</tr>
     			</table>
     		</td>
    		<td><img height=1 src="images/spacer.gif" alt="spacer" width=2> </td>
    		<td class="rightnav-column" >
      			<table class=rightnav-table>
					<tr>
					    <td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
					    <td class=rightnav-category-link>
						Project Links</td>
					    <td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
					</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="https://www.dropbox.com/home/Team3/Design%20Documents">
						Design Documents</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link><a href="http://code.google.com/p/health-tracking-system/w/list" target="_blank">Wiki</td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://groups.google.com/group/health-tracking-system-web-forum" target="_blank">Web Forum</td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://code.google.com/p/health-tracking-system">
						Project Home</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://code.google.com/p/health-tracking-system/downloads/list">
						Downloads</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://code.google.com/p/health-tracking-system/issues/list">
						Issue Tracking</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://code.google.com/p/health-tracking-system/source/browse">
						Source Code</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
				</table>
      			<table class=rightnav-table>
					<tr>
						<td colspan="3" class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1" height="1"></td>
					</tr>
					<tr>
					    <td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
					    <td class=rightnav-category-link>Interesting Websites</td>
					    <td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
					</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://www.fda.gov/">FDA</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://www.fitness.gov/">Fitness.gov</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://fnic.nal.usda.gov">FNIC</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>
						<a href="http://www.nutrition.gov/">Nutrition.gov</a></td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
					<tr>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
						<td class=rightnav-show-link>&nbsp;</td>
						<td class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1"></td>
        			</tr>
        		</table>
				<table>
					<tr>
						<td colspan="3" class="rightnav-white"><img src="images/spacer.gif" alt="spacer" width="1" height="1"></td>
					</tr>
				</table>
    		</td>
      	</tr>
  		<tr>
    		<td colSpan="6"><img height="3" src="images/spacer.gif" alt="spacer"></td>
    	</tr>
  		<tr>
    		<td class="footer-text" colSpan=6>&copy; 2013 MET CS633 Distributed Software Development Class.</td>
    	</tr>
	</table>
</body>
</html>